<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
	src='<c:url value="/js/jquery-easyui-1.5.5.6/jquery.min.js"/>'></script>
<script type="text/javascript"
	src='<c:url value="/js/jquery-easyui-1.5.5.6/jquery.easyui.min.js"/>'></script>
<script type="text/javascript"
	src='<c:url value="/js/jquery-easyui-1.5.5.6/locale/easyui-lang-zh_CN.js"/>'></script>
<link rel="stylesheet" type="text/css"
	href='<c:url value="/js/jquery-easyui-1.5.5.6/themes/default/easyui.css"/>'>
<link rel="stylesheet" type="text/css"
	href='<c:url value="/js/jquery-easyui-1.5.5.6/themes/icon.css"/>'>
	<style type="text/css">
		*{
			font-size:13px;
		}
	</style>
</head>
<body>
	<!-- <style>
		*{
			margin:0px auto;
			padding:0px;
			font-size:13px;
		}
		
	</style> -->
	<script type="text/javascript">
		$(function(){
			$("#clear").linkbutton({onClick:function(){
				$("#textbox_value").textbox("clear");
			}
			});
			
			$("#more").linkbutton({
				onClick:function(){
					$("#win1").dialog("open");
				}
			});
			
			/*xxx 
			$("#tables").datagrid({
				onClick:function(){
					var a=$("#tables").datagrid("getSelected");
					alert(a)
				}
			}); */
			
			$('#tables').datagrid({
				onDblClickCell: function(index,field,value){
					$(this).datagrid('beginEdit', index);
					var ed = $(this).datagrid('getEditor', {index:index,field:field});
					var a = $(ed.target).focus();
					
				}
			});

		});
	</script>

	<div style="width:50%;"> 
		
		<table cellspacing="2px">
			
				<div style="width:50%;weight:bold;padding-bottom:5px;">条件设置</div>
	<div style="background:blue;height:2px;width:70%;"></div>
	
	<tr>
				<td><span style="color:red;">*</span>薪资表编号</td>
				<td> <input style="height:30px;" class="easyui-textbox" id="textbox_value"> 
						<a class="easyui-linkbutton" data-options="iconCls:'icon-clear'" id="clear"></a>
						<a class="easyui-linkbutton" data-options="iconCls:'icon-more'" id="more"></a>
				</td>
			</tr>	
		<tr>
				<td><span style="color:red;">*</span>薪资表名称</td>
				<td> <input style="height:30px;" class="easyui-textbox" id="textbox_value"> 		
				</td>
			</tr>
	
			   <tr>
				<td>重新计算本薪值</td>
				<td> <input type="radio"> 		
				</td>
			</tr>
	
		
		</table>
	</div>
	
	
	<!--dialog1-->
	<div id="win1" class="easyui-dialog"
		data-options="width:500,
					height:450,
					title:'清单查找',
					modal:true,
					closed:true,
					buttons:[{
				text:'保存',
				handler:function(){
				
				}
			},{
				text:'关闭',
				handler:function(){
					$('#win1').dialog('close');
				}
			}]">
 		
		<table id="tables" class="easyui-datagrid" data-options="
		pagination:true,
		pageSize:1,
		pageList:[1,2,3,4,5],
		url:'',
		method:'get',
		fitColumns:true,
		fit:true,
		nowrap:false,
		autoRowHeight:true,
		rownumbers:true,
		singleSelect:true,
		striped:true
	">   
		    <thead>   
		        <tr>   
		            <th data-options="field:'a',width:50">组织编号</th>   
		            <th data-options="field:'b',width:50">组织名称</th>
		        </tr>   
		    </thead>   
		    <tbody>   
		    	 <tr>   
		            <td name="name">001</td><td>名称1</td>
		        </tr> 
		        <tr>   
		            <td>001</td><td>名称1</td>
		        </tr>   
		    </tbody>   
		</table>
	</div>
</body>
</html>